{% extends "base_master.html" %}

{% block include %}
<link rel="stylesheet" href="/resources/css/sheet.css" type="text/css" />
<style type="text/css">
	.foo {
		background-color:black;
		color:green;
		font-weight:bold;
	}
</style>
{% endblock %}


{% block script %}
		$(document).ready(function(){
				var obj = document.getElementById("a");
				var context = obj.getContext("2d");
		
				for(var x=0.5; x<500; x+=10){
						context.moveTo(x, 0);
						context.lineTo(x, 375);
				}
				for(var y=0.5; y<375; y+=10){
						context.moveTo(0,  y);
						context.lineTo(500, y);
				}
				context.strokeStyle="red";
				context.stroke();
		});

{% endblock %}

{%block body %}
<div>
	<h3>CREATE PROJECT</h3>
</div>

<form method="post" >
	
	<div>
		<fieldset>
			<legend>기본정보</legend>
			
			<ul class="inputFieldList">
				{{form.non_field_errors}}
				
				<div class="fieldWrapper">
					<li>{{form.project_code.errors}} {{form.project_code.label}}</li>
					<li>
						{{form.project_code}}
					</li>
				</div>
				
				
				<div class="fieldWrapper">
					<li>{{form.project_desc.errors}} {{form.project_desc.label}}</li>
					<li>
						{{form.project_desc}}
					</li>
				</div>
				
				
				<div class="fieldWrapper">
					<li>{{form.description.errors}} {{form.description.label}}</li>
					<li>
						{{form.description}}
					</li>
				</div>
				
				
				<div class="fieldWrapper">
					<li>{{form.used.errors}} {{form.used.label}}</li>
					<li>
						{{form.used}}
					</li>
				</div>
				<div class="fieldWrapper">
					<li>{{form.sort_seq.errors}} {{form.sort_seq.label}}</li>
					<li>
						{{form.sort_seq}}
					</li>
				</div>
				
				<div class="fieldWrapper">
					<li>{{form.memo.errors}} {{form.memo.label}}</li>
					<li>
						{{form.memo}}
					</li>
				</div>
				
				
			</ul>
		</fieldset>
		<fieldset>
			<legend>관련코드정보</legend>
			<ul>
				
				<li>상위코드</li>
				<li>{{form.super_code}}
				</li>
				<li>
					<input type="text"id="complete" />
					<div id="label" ></div>
					{{form.foo}}
				</li>
				
			</ul>
		</fieldset>
		<button >저장</button>
	</div>
	
        
</form>


<canvas id="a" width="500" height="375" />


{% endblock %}
